<script setup lang="ts">
import useUserStore from "@/pinia/userStore.ts";
const userStore = useUserStore()
</script>

<template>
  <div class="wxCode">
    <h1>微信扫码登录</h1>
    <img src="@/assets/images/code_app.png" alt="">
    <span>使用微信扫一扫登录"尚硅谷"</span>
    <i class="message" @click="userStore.changeFlag(true)">手机短信验证码登录</i>
    <i class="iconfont icon-shouji"></i>
  </div>
</template>

<style scoped lang="scss">
.wxCode {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;

  h1 {
    text-align: center;
    font-size: 20px;

  }

  img {
    width: 150px;
    margin: 10px 0;
  }

  .message {
    cursor: pointer;
    margin: 20px 0;
    font-size: 14px;
  }

  .iconfont {
    font-size: 30px;
    color: #41a83a;
  }
}
</style>
